/* 默认值 */
*{ margin: 0; padding: 0; box-sizing: border-box;}
dl,ul,li{ list-style: none;}
body {font-size: 12px; color: #333; font-family:"Helvetica","Microsoft YaHei" ; line-height: 1.5; max-width: 640px;    margin: 0 auto; }
a{ text-decoration: none;}
img {vertical-align: middle}
/* 基础 */
.fl {float: left;}
.fr {float: right;}

.color-type1{ color: #959595}
.color-type2{ color: #000}
.line-type1 { border-bottom:solid 1px #959595; }

.search-box { background: #880202; height: 32px; position: relative; }
.search-box .list-btn { width: 32px; cursor: pointer ;  position: absolute; top: 0; left: 0;}
.search-box .title{ width: 100%; display: block; padding: 0 40px; text-align: center; line-height: 32px; color: #ffffff;
    border: none; outline: none; background: none; text-align: center; font-size: 18px; font-weight: bolder;font-family:"Helvetica","Microsoft YaHei" ;
}
.search-box .search-btn { width: 32px;cursor: pointer; position: absolute; top: 0; right: 0;}
.banner{}
.banner .swiper-slide  img {width: 100%;}
.banner .swiper-container-horizontal>.swiper-pagination { text-align: right}
.banner .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet { margin: 0 3px;}
.banner .swiper-pagination-bullet {background: #ffffff; opacity: 1;  box-shadow: 0px 0px 3px rgba(255,255,255,.7)}
.banner .swiper-pagination-bullet-active{ background:  #73B9FF; box-shadow: 0px 0px 3px rgba(0,0,0,.7) }

.content{ padding:0  10px ;}

.title1{ border-top: solid 2px #959595; border-bottom: solid 1px #959595; line-height: 2; font-size: 14px; color: #959595;  }
.title1 a{ float: right; color: #000;}
.title1 img { width: 24px; vertical-align: middle;  margin-right: 10px;}

.list-type{}
.list-type ul{ overflow: auto; margin: 20px 0;}
.list-type li{ float: left; width: 25%; text-align: center;}
.list-type li a{ display: block;}
.list-type li a img { background:#ccc; width: 60%;}
.list-type li a span { display: block;}


.list-type1{}
.list-type1 li a strong{ font-weight: normal;}
.list-type1 li a img { background:#ccc;border-radius: 50%; width: 60%; display: block; margin: 0 auto 5px;}
.list-type1 li a span {  position: relative; display: inline-block;}
.list-type1 li a span sup { line-height: 1px; width: 6px; height: 6px; display: inline-block; position: absolute; right: -3px; top: -3px; background: #f00;
     border-radius: 50%;
}

.list-type2{}
.list-type2 li{ margin-bottom: 20px;}


.list-type3{ overflow-x:scroll;-webkit-overflow-scrolling:touch;}
.list-type3 ul { width: 200%;}
.list-type3 li{ width:20%; padding: 20px 1%; float: left; text-align: center;  }
.list-type3 li a { display: block;}
.list-type3 li a img { display: block; width: 100%; background: lightblue; margin-bottom: 5px;}
.list-type3 li a span { display: block;}



/* 列表页面 */
#listPage .tabs { border-bottom: solid 1px #959595; padding: 2%  0;}
#listPage .tabs a { display: inline-block; width:16%; color: #959595; font-size: 20px; margin: 0 2%; }
#listPage .tabs a.active{ color: #00a0e9}

#listPage .list1 { font-size: 14px; margin-top: 20px; width: 100%; margin-bottom: 20px;}
#listPage .dt-box { width: 48px;   }
#listPage .dd-box { padding-left: 48px; margin-top: -20px; }
#listPage .dd-box a { color: #959595;  margin:0 10px 10px 0;}
#listPage .dd-box a.active { color: #a40000}
#listPage .dd-box a.color-type2{color: #000}


#listPage .list2 {}
#listPage .list2 ul {}
#listPage .list2 li { border-top: solid 1px #959595; padding: 10px; overflow: auto}
#listPage .list2 li .info-box img { width: 50px; float: left; border-radius: 3px;margin-right: 12px;}
#listPage .list2 li .info-box .text-box { float: left; padding-top:2px; }
#listPage .list2 li .info-box .text-box  span {line-height: 16px; display: block;}
#listPage .list2 li a { display: block; background: #a40000; float: right; color: #fff; margin-top: 10px; height: 30px; font-size: 18px; padding: 0 20px; line-height: 30px;}

#gameInfo .list2 li { border-bottom: solid 1px #959595; padding: 10px; overflow: auto}
#gameInfo .list2 li .info-box img { width: 50px; float: left; border-radius: 3px;margin-right: 12px;}
#gameInfo .list2 li .info-box .text-box { float: left; padding-top:2px; }
#gameInfo .list2 li .info-box .text-box  span {line-height: 16px; display: block;}
#gameInfo .list2 li a { display: block; background: #a40000; float: right; color: #fff; margin-top: 10px; height: 30px; font-size: 18px; padding: 0 20px; line-height: 30px;}


#gameInfo .btn  {display: block; background: #a40000;  color: #fff; line-height: 2;}

#gameInfo .title1 { border: none;}
#gameInfo .title2  { padding-left: 10px; font-size: 16px; border-bottom: 2px solid  #a40000; color:#FC7518 }

#gameInfo .list-type3 li { padding-top: 5px; padding-bottom: 5px;}

#gameInfo .more { overflow: auto; text-align: right;  color: #007aff; margin-bottom: 5px;}

#gameInfo .score-box {}
#gameInfo .score-box .btn{padding: 0 20px;}
#gameInfo .score-box .score { margin: 20px 0; background: #EEEEEE; color: #FC7518; padding: 7px 10px 5px; line-height: 24px;}
#gameInfo .score-box .score img { width: 24px; position: relative; top: -2px; }
#gameInfo .score-box .score .fr { font-weight:bold; font-size: 16px;  color: #880202;}


#gameInfo  .comment-box {}
#gameInfo  .comment-box .title { line-height: 28px; font-weight: bold;}
#gameInfo  .comment-box .title span { color: #880202}
#gameInfo  .comment-box .title .btn{ padding: 0 20px; font-weight: normal}
#gameInfo  .comment-box textarea{ display: block; width: 100%; padding: 5px; }
#gameInfo  .comment { position: relative;}
#gameInfo  .comment .btn{ line-height: 24px; padding: 0 10px; margin-top: -24px; background:#3399FF }


#gameInfo  .msg-list{}
#gameInfo  .msg-list li{ border-bottom:solid 1px #959595; padding-left: 10px;  }
#gameInfo  .msg-list li:last-child{ border-bottom:none;  }
#gameInfo  .msg-list li .user-info{ line-height: 25px; color:#959595; margin-top: 10px;}
#gameInfo  .msg-list li .user-info img {border-radius: 50%; width:25px; height: 25px; margin-right: 12px; }
#gameInfo  .msg-list li .msg { font-weight: bolder; color: #000; padding: 10px 0;}
#gameInfo  .msg-list li .option-box { color: #959595; font-size: 10px; line-height: 18px; margin-bottom: 5px;}
#gameInfo  .msg-list li .option-box img {width: 16px; position: relative; top: -1px;}
#gameInfo  .msg-list li .option-box .fl:first-child { margin-right: 10px;}

#gameInfo .footer { overflow: auto; background: #E5E5E5; }
#gameInfo .footer div{ width: 33.33%; float: left; text-align: center;}
#gameInfo .footer div img { width: 32px; display: block; margin: 0 auto;}
#gameInfo .footer .btn {  font-size: 18px; margin-top: 8px;}